<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>考生成绩录入</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            padding: 20px;
        }
        table {
            width: 100%;
            margin-top: 20px;
            border-collapse: collapse;
        }
        th, td {
            padding: 10px;
            text-align: left;
            border: 1px solid #ddd;
        }
        th {
            background-color: #f2f2f2;
        }
        .submit-btn {
            padding: 6px 12px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }
        .submit-btn:hover {
            background-color: #0056b3;
        }
    </style>
    <script>
        // JavaScript function to submit score for a specific subject
        function submitScore(studentId, examId) {
            const scoreInput = document.getElementById('score_' + examId);
            const score = scoreInput.value.trim();

            if (score === '') {
                alert("请输入成绩");
                return;
            }

            // AJAX request to submit the score
            const xhr = new XMLHttpRequest();
            xhr.open("POST", "submitSingleExamScore", true);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    alert("成绩提交成功！");
                    scoreInput.value = ""; // 清空输入框
                }
            };

            xhr.send("studentId=" + studentId + "&examId=" + examId + "&score=" + score);
        }
    </script>
</head>
<body>
<h1>考生成绩录入</h1>

<form action="enterStudentScore" method="post">
    <label for="studentId">学生 ID:</label>
    <input type="text" id="studentId" name="studentId" required>
    <button type="submit">查询考试信息</button>
</form>

<c:if test="${not empty studentExamInfo}">
    <table>
        <thead>
        <tr>
            <th>考试科目</th>
            <th>成绩</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach var="exam" items="${studentExamInfo}">
            <tr>
                <td>${exam.examName}</td>
                <td>
                    <input type="text" id="score_${exam.examId}" placeholder="请输入成绩">
                </td>
                <td>
                    <button type="button" class="submit-btn" onclick="submitScore(${studentExamInfo[0].studentId}, ${exam.examId})">
                        提交
                    </button>
                </td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
</c:if>
</body>
</html>


<%--<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>--%>
<%--<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>考生成绩录入</title>--%>
<%--    <style>--%>
<%--        body {--%>
<%--            font-family: Arial, sans-serif;--%>
<%--            background-color: #f4f4f4;--%>
<%--            padding: 20px;--%>
<%--        }--%>
<%--        table {--%>
<%--            width: 100%;--%>
<%--            margin-top: 20px;--%>
<%--            border-collapse: collapse;--%>
<%--        }--%>
<%--        th, td {--%>
<%--            padding: 10px;--%>
<%--            text-align: left;--%>
<%--            border: 1px solid #ddd;--%>
<%--        }--%>
<%--        th {--%>
<%--            background-color: #f2f2f2;--%>
<%--        }--%>
<%--        .submit-btn {--%>
<%--            padding: 10px 20px;--%>
<%--            background-color: #007bff;--%>
<%--            color: white;--%>
<%--            border: none;--%>
<%--            cursor: pointer;--%>
<%--        }--%>
<%--    </style>--%>
<%--</head>--%>
<%--<body>--%>
<%--<h1>考生成绩录入</h1>--%>

<%--<form action="enterStudentScore" method="post">--%>
<%--    <label for="studentId">学生 ID:</label>--%>
<%--    <input type="text" id="studentId" name="studentId" required>--%>
<%--    <button type="submit">查询考试信息</button>--%>
<%--</form>--%>

<%--<c:if test="${not empty studentExamInfo}">--%>
<%--    <form action="submitExamScores" method="post">--%>
<%--        <input type="hidden" name="studentId" value="${studentExamInfo[0].studentId}">--%>
<%--        <table>--%>
<%--            <thead>--%>
<%--            <tr>--%>
<%--                <th>考试科目</th>--%>
<%--                <th>成绩</th>--%>
<%--            </tr>--%>
<%--            </thead>--%>
<%--            <tbody>--%>
<%--            <c:forEach var="exam" items="${studentExamInfo}">--%>
<%--                <tr>--%>
<%--                    <td>${exam.examName}</td>--%>
<%--                    <td>--%>
<%--                        <input type="text" name="score_${exam.examId}" placeholder="请输入成绩">--%>
<%--                        <input type="hidden" name="examId_${exam.examId}" value="${exam.examId}">--%>
<%--                    </td>--%>
<%--                </tr>--%>
<%--            </c:forEach>--%>
<%--            </tbody>--%>
<%--        </table>--%>
<%--        <button type="submit" class="submit-btn">提交成绩</button>--%>
<%--    </form>--%>
<%--</c:if>--%>
<%--</body>--%>
<%--</html>--%>
